<{include file="Public/top.html" }>
<link rel="stylesheet" href="<{$preStaticUrl}>datepicker/daterangepicker.css" />
<script src="<{$preStaticUrl}>datepicker/moment.min.js"></script>
<script src="<{$preStaticUrl}>datepicker/jquery.daterangepicker.js"></script>
<style>
    .detail{display: none}
    .detail_container{ color:#000; background-color: white;}
    .bindevent{padding:5px}
    .mem{word-break: break-all;white-space: normal;}
    #content .status_1{color: blue;}
    #content .status_2{color: #000;}
    #content .status_3{color: darkred;}
</style>
</head>
<body>
<div id="warpper">
    <div class="content">
        <{include file= "Schedule/nav.html"}>
        <div class="filedSet" style="padding-bottom: 0;">
            <div class="search">
                <form class="ui-form reportForm">
                    <div class="ui-form-item inline-block">
                        <label class="ui-label">时间段</label>
                        <input type="text" name="dateRange" id="date" class="ui-text" style="width: 210px"/>
                    </div>
                    <div class="ui-form-item inline-block">
                        <input type="checkbox" value="1" name="event" checked ><label class="ui-label">活动</label>
                    </div>

                    <div class="ui-form-item inline-block">
                        <button type="submit" class="ui-button">查询</button>
                    </div>
                </form>
            </div>
        </div>
        <!--表格内容-->
        <div class="mainGrid" id="content">
            <{include file="Schedule/scheduleList_list.html" }>
        </div>
    </div>
</div>
<script>
    function tipsSet(){
        $('.title').on('mouseover',function (e) {
            var html=$(e.target).next().html();
            layer.tips(html, e.target,{time: 3e4,tips:[2,'white']});

        }).on('mouseout',function(){layer.closeAll()});
    }
    $('#date').dateRangePicker(
            {
                startOfWeek: 'monday',
                separator : ' ~ ',
                format: 'YYYY-MM-DD',
                autoClose: true,
                time: {
                    enabled: false
                }
            });

    $('form').submit(function(){
        $.post("<{u('scheduleList')}>",$('form').serialize(),function(html){
            $('#content').html(html);
            tipsSet();
        },'html');
        return false;

    });

    $(document).ready(tipsSet);
</script>
<{include file="Public/foot.html" }>
